<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>淘爱心支付</title>
    <link type="text/css" rel="stylesheet" href="style/bootstrap.min.css">
<link type="text/css" rel="stylesheet" href="style/reset.css">
<link type="text/css" rel="stylesheet" href="style/main.css">
<link type="text/css" rel="stylesheet" href="style/main2.css">
    <link type="text/css" rel="stylesheet" href="style/main.min.css">
<!--[if IE 6]>
<script type="text/javascript" src="js/DD_belatedPNG_0.0.8a-min.js"></script>
<script type="text/javascript" src="js/ie6Fixpng.js"></script>
<![endif]-->
</head>

<body>
<div class="headerBar">
	<div class="topBar">
		<div class="comWidth">
            <div class="leftArea">
                <div class="account fl" id="account">
                    <a href="#"><span class="sign-success"></span></a>
                        <div class="mune" id="account_mune">
                            <div class="shangmian">
                                <div class="leftArea">
                                <a href="#"><img src="images/logo/taxyh-3.jpg" alt=""></a>
                                </div>
                                <div class="account_mang rightArea">
                                    <div class="fr qingfu"><a class="manage">账号管理</a><a class="exit">退出</a></div>
                                    <div class="fl qingfu"><a href="#"><img src="images/icon/huiyuan4.jpg"></a></div>
                                     <div class="fl qingfu"> <a href="#">我可尊享15项特权</a></div>
                                </div>
                            </div>
                            <div class="h_1 qingfu"></div>
                            <div class="xiamian qingfu">
                            <a href="#"><div class="tqtime">我当前享受2天节日特权</div></a>
                            </div>
                        </div>
                </div>
            </div>
            <div class="phone fl"><a href="https://www.pgyer.com/taoaixin" id="phone">手机淘爱心</a></div>
			<div class="rightArea">
				<!-- <span class="fl">欢迎来到淘爱心！</span> -->
                <a href="#"><span class="fl F_tax" style="color:red";>淘爱心首页</span></a>
                <div class="wdtax fl" id="wdtax">
                    <a href="#">我的淘爱心</a>
                    <ul class="mune" id="wdtax_mune">
                        <li><a href="#">已淘到的爱心</a></li>
                        <li><a href="#">我的足迹</a></li>
                        <li><a href="#">爱公益</a></li>
                        <li><a href="#">新欢</a></li>
                    </ul>
                </div>
                <div class="fl"><a href="#">我的消息</a></div>
                <div class="favorites fl" id="favorites">
                    <a href="favorite.html">收藏夹</a>
                    <ul class="mune" id="favorites_mune">
                        <li><a href="#">收藏的宝贝</a></li>
                        <li><a href="#">收藏的店铺</a></li>
                    </ul>
                </div>
                <div class="seller fl" id="seller">
                    <a href="sellerCenter.html">卖家中心</a>
                    <ul class=" mune" id="seller_mune">
                        <li><a href="sellerCenter.html">免费开店</a></li>
                        <li><a href="#">已卖出的宝贝</a></li>
                        <li><a href="#">出售中宝贝</a></li>
                        <li><a href="#">卖家资质</a></li>
                    </ul>
                </div>
                <div class="service fl" id="service">
                    <a href="#">联系客服</a>
                    <ul class="mune" id="service_mune">
                        <li><a href="#">收藏的宝贝</a></li>
                        <li><a href="#">收藏的店铺</a></li>
                    </ul>
                </div>
			</div>
		</div>
	</div>
  <div class="logoBar">
		<div class="comWidth">
			<div class="logo fl">
				<a href=""><img src="images/logo/tax-1.jpg" alt="淘爱心"></img></a>
			</div>
			<div class="search_box fl">
				<input type="text" class="search_text fl">
				<input type="button" value="搜 索" class="search_btn fr">
			</div>
            <a href="shopping.html">
			<div class="shopCar fr">
				<span class="shopText fl">购物车</span>
				<span class="shopNum fl">0</span>
			</div></a>
		</div>
	</div>
</div>

<div class="smallcomWidth order">
    <!--<div class="content">-->
    	<ol class="tb-rate-nav-steps">
        	<li class="zhifufukuan">
            <span class="">1.拍下商品</span>
            </li>
            <li class="">
            <span class="">2.付款到淘爱心</span>
            </li>
            <li>
            <span>3.确认收货</span>
            </li>
            <li class="fklast-current ">
            <strong>4.评价</strong>
            </li>
        </ol>

    <div class="panel panel-default address-order">
        <div class="panel-heading">
            选择收货地址
        </div>
        <!--<div class="panel-body">-->
            <ul class="list-group">
                <li class="list-group-item">
                    <form role="form">
                        <div class="form-group select-address">
                            <em>*</em>选择地区
                            <select class="form-control select-control" style="margin-left: 22px;" name="province">
                            </select>
                            <select class="form-control select-control" name="city">
                            </select>
                            <select class="form-control select-control" name="area">
                            </select>
                        </div>
                    </form>
                </li>
                <li class="list-group-item"><em>*</em>详细地址
                    <input type="text" placeholder="建议您如实填写详细收货地址，例如街道名称，门牌号码，楼层和房间号等信息"
                           maxlength="20" class="form-control" style="margin-left: 22px;">
                </li>
                <li class="list-group-item"><em>*</em>收货人姓名
                    <input type="text" placeholder="长度不超过25个字符" maxlength="25" class="form-control">
                </li>
                <li class="list-group-item"><em>*</em>手机
                    <input type="text" placeholder="长度不超过11个字符" maxlength="11" class="form-control" style="margin-left: 46px;">
                </li>
            </ul>
        <button class="btn btn-danger col-md-offset-10 btn-address">确认收货地址</button>
        <!--</div>-->
    </div>
    <div class="panel panel-default address-order">
        <div class="panel-heading">
            选择支付方式
        </div>
        <div class="panel-body">
            <div class="radio">
                <label>
                    <input type="radio" value="" name="pay">支付宝支付
                </label>
            </div>
            <div class="radio">
                <label>
                    <input type="radio" value="" name="pay">微信支付
                </label>
            </div>
            <div class="radio">
                <label>
                    <input type="radio" value="" name="pay">淘爱心支付
                </label>
            </div>
        </div>
    </div>
    <div class="panel panel-default address-order">
        <div class="panel-heading">
            <h3 class="shopping_tit">送货清单<a href="shopping.html" class="backCar">返回购物车修改</a></h3>
        </div>
        <div class="shopping_item">
            <div class="shopping_cont pb_10">
                <div class="cart_inner">
                    <div class="cart_head clearfix">
                        <div class="cart_item t_name">商品名称</div>
                        <div class="cart_item t_price">单价</div>
                        <div class="cart_item t_return">返现</div>
                        <div class="cart_item t_num">数量</div>
                        <div class="cart_item t_subtotal">小计</div>
                    </div>
                    <div class="cart_cont clearfix">
                        <div class="cart_item t_name">
                            <div class="cart_shopInfo clearfix">
                                <img src="images/details/taxxq-2.jpg" alt="">
                                <div class="cart_shopInfo_cont">
                                    <p class="cart_link"><a href="#">iPad mini2 Apple/苹果 配备Retina显示屏的iPad mini</a></p>
                                    <p class="cart_info">[赠品]：真皮保护套</p>
                                </div>
                            </div>
                        </div>
                        <div class="cart_item t_price">
                            1450.00
                        </div>
                        <div class="cart_item t_return">10</div>
                        <div class="cart_item t_num">1</div>
                        <div class="cart_item t_subtotal t_red">1450.00</div>
                    </div>
                    <div class="cart_message">
                        若有问题请留言，若有问题请留言
                    </div>
                    <div class="cart_prompt"><i class="cart_prompt_icon"></i>抱歉，以下商品已失效，无法购买。</div>
                    <div class="cart_cont cart_no_bor clearfix">
                        <div class="cart_item t_name">
                            <div class="cart_shopInfo clearfix">
                                <img src="images/details/taxxq-2.jpg" alt="">
                                <div class="cart_shopInfo_cont">
                                    <p class="cart_link"><a href="#">iPad mini2 Apple/苹果 配备Retina显示屏的iPad mini</a></p>
                                    <p class="cart_info">1450.00［无货］</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="panel panel-default address-order">
        <div class="panel-heading">
            订单结算
        </div>
        <div class="panel-body">
            <div class="shopping_cont padding_shop clearfix">
                <div class="cart_count fr">
                    <div class="cart_rmb">
                        <i>总计：</i><span>￥1450.00</span>
                    </div>
                    <div class="cart_btnBox">
                        <a href="pay.html">
                            <input type="button" class="btn btn-danger btn-submit" value="提交订单"></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<div class="footer">
	<div class="comWidth clearfix">
    	<div class="footitem">
        <h3>关于淘爱心</h3>
        <ul class="data ">
				<li><a href="#" class="active">关于我们</a></li>
				<li><a href="#">联系我们</a></li>
				<li><a href="#">加入我们</a></li>
			</ul>
        </div>
        <div class="footitem">
        <h3>爱心资质</h3>
        <ul class="data">
				<li><a href="#" class="active">发布人资质</a></li>
				<li><a href="#">接单人资质</a></li>
				<li><a href="#">必备审核材料</a></li>
			</ul>
        </div>
        <div class="footitem">
        <h3>购物帮助</h3>
        <ul class="data">
				<li><a href="#" class="active">购物须知</a></li>
				<li><a href="#">订单相关</a></li>
				<li><a href="#">商品相关</a></li>
              <li><a href="#">积分相关</a></li>
			</ul>
        </div>
        <div class="footitem">
        <h3>手机淘爱心</h3>
        <ul class="data">
				<li><a href="#" class="active">iphone</a></li>
				<li><a href="#">Andriod</a></li>
			</ul>
        </div>
        <div class="footitem">
        <h3>在线客服</h3>
        <ul class="data">
				<li><a href="#" class="active">工作时间：9：00～18:00</a></li>
				<li><a href="#">建议邮箱：11111111@qq.com</a></li>
				
			</ul>
        </div>
    </div>
</div>
<div class="hr_45">
<p>Copyright&nbsp;&nbsp;&nbsp;2015&nbsp;&nbsp;taoaixin.com&nbsp;&nbsp;杭州电子科技大学版权所有</p>
</div>
<script type="text/javascript" src="js/jquery-1.11.3.js"></script>
<script type="text/javascript" src="js/myjs.js"></script>
<script type="text/javascript" src="js/comment.js"></script>
<script type="text/javascript" src="js/easyPay.js"></script>
<script type="text/javascript" src="js/pay.js"></script>
<script type="text/javascript" src="js/jquery-ui/jquery.citys.js"></script>
<script type="text/javascript">
    $('.select-address').citys({province:'浙江',city:'杭州市',area:'江干区'});
</script>
</body>
</html>